<div class="unloginpage">
	<div class="row">
		<div ng-class="{'col s12':mobile,'col s4 offset-s4':!mobile,'mb20':true}">
			<ul class="tabs center-align">
				<li class="tab col s6"><a class="active" href="#phoneForget">手机重置</a></li>
				<li class="tab col s6"><a href="#emailForget">邮箱重置</a></li>
			</ul>
		</div>
		<form id="phoneForget" ng-class="{'col s12':mobile,'col s4 offset-s4':!mobile}">
			<div class="row" >
				<div class="input-field col s12">
					<input id="username" type="text" ng-class="{'invalid':User.nameError,'validate':!User.nameError}" ng-model="User.name" ng-blur="User.checkName()">
					<label for="username" ng-class="{'active':User.rememberStuff}">手机号</label>
					<div class="red-text text-darken-2" ng-if="User.nameError != ''" ng-bind="User.nameError"></div>
				</div>
			</div>
			<div class="row">
				<div class="input-field col s6">
					<input id="reg-code" type="text" class="validate" ng-model="User.code">
					<label for="reg-code">验证码</label>
				</div>
				<div class="input-field  col s6">
					<label class="ui button hoverable" ng-show="!User.getCodeStuff" ng-click="User.getCode()">获取验证码</label>
					<label class="ui button" disabled ng-show="User.getCodeStuff">{{scond}}s后重试</label>
				</div>
			</div> 
			<div class="row">
				<div class="input-field col s12">
					<input id="password" type="password" ng-class="{'invalid':User.passwordError,'validate':!User.passwordError}" ng-model="User.password" ng-focus="User.passwordError='';">
					<label for="password" ng-class="{'active':User.rememberStuff}">密码</label>
					<div class="red-text text-darken-2" ng-if="User.passwordError != ''" ng-bind="User.passwordError">密码错误</div>
				</div>
			</div>   
		
			<div class="row">
				<a class="waves-effect waves-light btn col s12 red hoverable" ng-click="User.login()">登 录</a>
			</div>
		</form>
		<form id="emailForget" ng-class="{'col s12':mobile,'col s4 offset-s4':!mobile}">
			<div class="row" >
				<div class="input-field col s12">
					<input id="username" type="text" ng-class="{'invalid':User.nameError,'validate':!User.nameError}" ng-model="User.name" ng-blur="User.checkName()">
					<label for="username" ng-class="{'active':User.rememberStuff}">邮箱</label>
					<div class="red-text text-darken-2" ng-if="User.nameError != ''" ng-bind="User.nameError"></div>
				</div>
			</div>
			<div class="row">
				<div class="input-field col s6">
					<input id="reg-code" type="text" class="validate" ng-model="User.code">
					<label for="reg-code">验证码</label>
				</div>
				<div class="input-field  col s6">
					<label class="ui button hoverable" ng-show="!User.getCodeStuff" ng-click="User.getCode()">获取验证码</label>
					<label class="ui button" disabled ng-show="User.getCodeStuff">{{scond}}s后重试</label>
				</div>
			</div> 
			<div class="row">
				<div class="input-field col s12">
					<input id="password" type="password" ng-class="{'invalid':User.passwordError,'validate':!User.passwordError}" ng-model="User.password" ng-focus="User.passwordError='';">
					<label for="password" ng-class="{'active':User.rememberStuff}">密码</label>
					<div class="red-text text-darken-2" ng-if="User.passwordError != ''" ng-bind="User.passwordError">密码错误</div>
				</div>
			</div>   
			<div class="row">
				<a class="waves-effect waves-light btn col s12 red hoverable" ng-click="User.login()">登 录</a>
			</div>
		</form>
	</div>  
</div>